import React from "react";

export default ({ color = "currentColor" }) => (
  <svg width="22" height="21" viewBox="0 0 22 21" fill="none">
    <path
      d="M11.7602 0.065548C12.2816 0.0300895 12.7241 0.443513 12.7241 0.966167C12.7241 1.44242 12.3541 1.83674 11.8788 1.86704L11.2272 1.90858C10.1167 2.03444 9.04449 2.39009 8.07889 2.95289L8.02399 2.98489C6.87055 3.65718 5.89502 4.59609 5.17912 5.72297L5.04961 5.92681C3.41686 8.49687 3.3745 11.7684 4.94017 14.3798C5.62784 15.5269 6.59053 16.4844 7.74121 17.1659L7.88386 17.2504C8.55046 17.6452 9.2668 17.9492 10.0139 18.1543L11.3207 18.5132L11.9511 18.599C12.3939 18.6592 12.7241 19.0373 12.7241 19.4842C12.7241 20.0289 12.2409 20.4468 11.7019 20.3683L10.7594 20.231L10.0335 20.0627C9.14911 19.8577 8.29553 19.5371 7.49479 19.1093L7.40631 19.062C5.68736 18.1436 4.27395 16.7433 3.33955 15.033C1.67158 11.98 1.71646 8.26618 3.44526 5.24719C4.37103 3.63052 5.73187 2.296 7.36837 1.40575L7.51806 1.32432C8.54917 0.763393 9.6659 0.376753 10.8231 0.180029L11.3207 0.095429L11.7602 0.065548Z"
      fill={color}
    />
    <rect
      x="6.68964"
      y="11.4658"
      width="1.81034"
      height="13.2759"
      rx="0.905172"
      transform="rotate(-90 6.68964 11.4658)"
      fill={color}
    />
    <rect
      x="16.3448"
      y="7.3125"
      width="1.98783"
      height="5.96349"
      rx="0.993915"
      transform="rotate(-40 16.3448 7.3125)"
      fill={color}
    />
    <path
      d="M19.6283 10.0719C19.9812 9.65143 20.6081 9.59658 21.0286 9.94942C21.4491 10.3023 21.5039 10.9292 21.1511 11.3497L18.5956 14.3952C18.2428 14.8157 17.6158 14.8706 17.1953 14.5177C16.7748 14.1649 16.72 13.538 17.0728 13.1175L19.6283 10.0719Z"
      fill={color}
    />
  </svg>
);
